main {
    & .tool-widget-container { grid-area: tools; display: grid; }
    & .pda-widget-container { grid-area: pda; display: grid; }

    & .tool-widget-button, .pda-widget-button {
        height: fit-content; width: fit-content;
        align-self: end; justify-self: center;
        font-size: 30px; font-weight: bold;
        color: white; background: linear-gradient(#95afd0, #4f79b0, #2f496a);
        padding: 1% 4%; border-radius: 10px;
        box-shadow: 0 0 6px black;
        position: sticky;
        bottom: 10px;

        & p { user-select: none; }
    }
    & .tool-widget-button:hover, .pda-widget-button:hover { background: linear-gradient(#b9c9df, #7294c0, #3f618d); cursor: pointer; }
    & .tool-widget-button:active, .pda-widget-button:active { background: linear-gradient(#7294c0, #3f618d, #203046); }
}